<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
        <ui:define name="body">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
            <h:form id="form">
                <p:growl id="growl"></p:growl>
            <p:messages showSummary="true" id="msgForm"/>
            <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" >  
                <p:panel header="DATOS DEL CONVENIO" >
                    <h:panelGrid columns="4" cellpadding="5">  
                        <h:outputLabel for="entidadSelected" value="Nit:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="entidadSelected" 
                                         value="#{cargueConvenio.entidadSelected}">
                                <f:selectItem itemLabel=" --Seleccione la entidad -- " itemValue=""/>
                                <f:selectItems value="#{cargueConvenio.listaEntidades}" var="entidad" 
                                               itemValue="#{entidad.idEntidad}" 
                                               itemLabel="#{entidad.nombreEntidad}"
                                   />
                        </p:selectOneMenu>
                        <h:outputLabel for="nombreConvenio" value="Nombre Convenio:" style="font-weight:bold"/>  
                        <p:inputText id="nombreConvenio" value="#{cargueConvenio.convenio.nombreConvenio}" />
                        <h:outputLabel for="fechaInicio" value="Fecha Inicio:" style="font-weight:bold"/>
                        <p:calendar  id="fechaInicio" value="#{cargueConvenio.convenio.fechaInicioConvenio}" showOn="button" pattern="MM/dd/yyyy"/>
                        <h:outputLabel for="fechaInicio" value="Fecha Fin:" style="font-weight:bold"/>
                        <p:calendar id="fechaFinal" value="#{cargueConvenio.convenio.fechaFinConvenio}" showOn="button" pattern="MM/dd/yyyy"/>
                        <h:outputLabel for="visibleConvenio" value="Visible Convenio:" style="font-weight:bold"/>  
                        <p:selectBooleanButton id="visibleConvenio" value="#{cargueConvenio.convenio.visibleConvenio}" onLabel="Yes" offLabel="No" />
                        <h:outputLabel for="firmadoConvenio" value="Convenio Firmado:" style="font-weight:bold"/>  
                        <p:selectBooleanButton id="firmadoConvenio" value="#{cargueConvenio.convenio.firmadoConvenio}" onLabel="Yes" offLabel="No" />
                          
                    </h:panelGrid> 
                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputLabel for="observacionesConvenio" value="Observaciones" style="font-weight:bold"/>  
                        <p:inputTextarea id="observacionesConvenio" value="#{cargueConvenio.convenio.observacionesConvenio}" rows="2" cols="45" /> 
                    </h:panelGrid>
                </p:panel>  
                
                <p:commandButton value="Guardar" update="display,msgForm" onclick="confirmGuardar.show()" />  
                <p:commandButton value="Cancelar" update="display" action="faces/Menu.xhtml" id="btnVolverInicio"/>  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
            </p:panel>
            
            <p:confirmDialog message="¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{cargueConvenio.guardarConvenio}"
                                 oncomplete="confirmGuardar.hide()" update=":form:growl,observacionesConvenio,fechaFinal,fechaInicio,nombreConvenio,entidadSelected,visibleConvenio,firmadoConvenio"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
            
            </h:form>
         </ui:define>
</ui:composition>
